import oImgSrc from '../img/webpack5.jpg'
import '../css/img.css'

function packImg() {
    //创建一个容器
    const oe = document.createElement('div')
        //创建img标签，设置src属性
    const oImg = document.createElement('img')
    oImg.width = 700
        // oImg.src = require('../img/webpack5.jpg')
    oImg.src = oImgSrc
    oe.appendChild(oImg)

    //创建背景图片
    const obImg = document.createElement('div')
    obImg.className = 'bgBox'
    oe.appendChild(obImg)

    return oe
}

document.body.appendChild(packImg())

/**
 * 两种设置图片的方式：
 * 1.使用img src:
 *      +使用require导入图片，此时如果不配置esModule:false ,则需.defalut导出
 *      +采用import xxx from 图片资源，此时可以直接使用 xxxx
 * 2.background url
 * 
 */